13_CSS 크기 단위
- px: 화면 비율에 상관없이 고정되는 단위
- em: 부모 요소의 font-size를 상속받아 크기가 결정되는 단위
- rem: root의 약자로 부모의 폰트크기를 상속받지 않고 최상위(html)요소에서 결정된 폰트크기를 기준으로 크기가 결정되는 단위 (16px = 1rem)
- vh: view height의 약자로 웹브라우저의 높이를 100으로 기준하여 높이 크기가 결정됨
- vw: view width의 약자로 웹브라우저의 가로를 100으로 기준하여 너비 크기가 결정됨
- vmin: 높이와 너비 중 짧은 쪽으로 100 기준하여 크기가 결정됨
- vmax: 높이와 너비 중 긴쪽으로 100 기준하여 크기가 결정됨
- %: 부모 요소를 기준으로 비율을 표현하는 단위(반응형에서 주로 많이 사용됨)